<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>第四课 jquery选择元素</title>
    <script src="./jquery.min.js"></script>
    <style>
        div,span,.title{
            color:orange;
        }
    </style>
</head>

<body>
    <!-- <div>div1</div>
    <div>div2</div>
    <div id="div3">div3</div>
    <div class="div6">div6</div>
    <div class="div6">div6</div>
    <div class="div6">div6</div> -->
    <!-- <div title="abc">1</div>
    <div title="abc">2</div>
    <div title="cba">3</div> -->
    <!-- <input type="checkbox" name="one" value="星星课堂1" />
    <input type="checkbox" name="one" value="星星课堂2" />
    <input type="checkbox" name="two" value="星星课堂3" /> -->
    <!-- <input type="checkbox" name="num" value="1" checked="checked" />1
    <input type="checkbox" name="num" value="2" />2
    <input type="checkbox" name="num" value="3" disabled="disabled" />3 -->
    <!-- <select name="" id="">
        <option value="1">1</option>
        <option value="2" selected>2</option>
        <option value="3">3</option>
    </select> -->
    <!-- <div>
        <span class="span1">span1</span>
    </div>
    <span>span2</span>
    <h6 class="title">h6</h6> -->
    <script>
        // var div = $('div');
        // console.log(div);
        // console.log($(div[0]));
        // $(div[0]).css('color','orange');
        // var div3 = $('#div3');
        // console.log(div3);
        // var $div6 = $('.div6');
        // console.log($div6.eq(0));
        // var $title = $('div[title]');
        // var $abc = $('div[title="abc"]');
        // var $cba = $('div[title="cba"]');
        // console.log($title);
        // console.log($abc);
        // console.log($cba);
        // var $input = $('input');
        // var $inputName = $('input[name]');
        // var $one = $('input[name="one"]');
        // var $two = $('input[name!="two"]');
        // console.log($two);
        // console.log($input);
        // console.log($inputName);
        // console.log($one);
        // console.log($two);
        // var $checked = $('input[name="num"]:checked');
        // var $disabled = $('input[name="num"]:disabled');
        // console.log($checked);
        // console.log($disabled);
        // var $selected = $('select option:selected');
        // console.log($selected);
        // var $dom = $('div .span1,span,.title');
        // console.log($dom);
    </script>
</body>

</html>